<template>
    <div class="left_com">
        <div class="com-left">
            <!-- 柱状图 -->
            <h3 style="padding-top: 10px;
            margin-left: 15px;">出入库情况</h3>
            <histogram />
        </div>

        <div class="com-right">
            <!-- 折线图 -->
            <!-- <h3 style="padding-top: 10px;
            margin-left: 15px;">近一年的DAU/DNU</h3> -->
            <broken />
        </div>
    </div>
</template>

<script setup lang="ts">
import histogram from '@/components/echart/histogram.vue';
import broken from '@/components/echart/broken.vue';
</script>

<style scoped lang="scss">
.left_com {
    width: 100%;
    height: 270px;
    margin-top: 10px;
    display: flex;

    .com-left {
        width: 49%;
        height: 100%;
        background: #fff;
        border-radius: 8px;
    }

    .com-right {
        margin-left: 14px;
        width: 50%;
        height: 100%;
        background: #fff;
        border-radius: 8px;
    }
}
</style>